﻿<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css" >
	<link rel="stylesheet" href="assets/css/animate.css" >
    <link rel="stylesheet" href="assets/css/style.css" >

    <title>About - Sap</title>
</head>
<body class="position-relative">

<nav class="navbar navbar-expand-lg navbar-dark position-absolute w-100 bg-transparent navbar-style-1 justify-content-end justify-content-end">
    <div class="container">
        <a class="navbar-brand mr-auto text-white font-cabin fw-700 fz-36 lh-1 text-nowrap" href="index.html">
            <img src="assets/media/logo-icon.png" alt="" class="mr-10px">
            <span class="d-inline-flex">Sap</span>
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
    
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav navbar-nav-style-1 text-uppercase mr-auto">
                <li class="nav-item dropdown active">
                    <a class="nav-link dropdown-toggle text-uppercase" href="#" id="navbarDropdown-1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Home
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown-1">
                        <a class="dropdown-item" href="index.html">Home 1</a>
                        <a class="dropdown-item" href="index-2.html">Home 2</a>
                        <a class="dropdown-item" href="index-3.html">Home 3</a>
                        <a class="dropdown-item" href="index-4.html">Home 4</a>
                        <a class="dropdown-item" href="index-5.html">Home 5</a>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="features.html">Features</a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown-2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Page
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown-2">
                        <a class="dropdown-item" href="testimonial.html">Testimonial</a>
                        <a class="dropdown-item" href="team.html">Team</a>
                        <a class="dropdown-item" href="case-studies.html">Case Studies</a>
                        <a class="dropdown-item" href="pricing.html">Pricing</a>
                        <a class="dropdown-item" href="404.html">404</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown-3" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Portfolio
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown-3">
                        <a class="dropdown-item" href="portfolio.html">Portfolio V1</a>
                        <a class="dropdown-item" href="portfolio-v2.html">Portfolio V2</a>
                        <a class="dropdown-item" href="portfolio-v3.html">Portfolio V3</a>
                        <a class="dropdown-item" href="portfolio-v4.html">Portfolio V4</a>
                        <a class="dropdown-item" href="single-portfolio.html">Single Portfolio V1</a>
                        <a class="dropdown-item" href="single-portfolio-v2.html">Single Portfolio V2</a>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown-4" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Blog
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown-4">
                        <a class="dropdown-item" href="blog-grid.html">Blog Grid</a>
                        <a class="dropdown-item" href="blog-classic.html">Blog Classic</a>
                        <a class="dropdown-item" href="single-blog.html">Single Blog</a>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="contact.html">Contact</a>
                </li>
            </ul>
        </div>
        <div class="auth-and-extra-style-1 d-inline-flex justify-content-end align-items-center">
            <a class="btn btn-light btn-signup border-0 font-rubik fz-16" href="#">Sign up</a>
            <a href="#" class="navbar-style-1-cart fz-16 text-white position-relative">
                <i class="fas fa-shopping-bag"></i>
                <span class="badge badge-light position-absolute fz-14 font-awesome bgcolor-blue-theme text-white">0</span>
            </a>
            <a href="#" class="search-box-btn navbar-style-1-search fz-16 text-white">
                <i class="fas fa-search"></i>
            </a>
        </div>
    </div>
</nav>

<section class="row mx-0 home-about-banner align-items-center position-relative pt-230px pt-lg-130px pt-xs-100px mb-60px">
    <div class="container">
        <h2 class="fz-56 fz-lg-40 fz-md-30 fw-600 font-cabin text-white lh-1-17 mb-20px">The story of Sap</h2>
        <p class="home-about-banner-texts text-white font-rubik fz-20 fz-lg-18 fz-md-16 lh-1-5 mb-0">Once upon a time, an entrepreneur witnessed a major problem: as companies scaled rapidly, they struggled to keep employees engaged, productive, and happy. An effective, transparent management tool was desperately needed.</p>
        <img src="assets/media/banners/home-about/banner-ai.png" alt="" class="img-fluid">
    </div>
</section>

<section class="row mx-0">
    <div class="container">
        <h2 class="font-cabin fw-600 fz-32 fz-md-24 mb-95px mb-md-50px mb-sm-30px lh-1-17 color-dark-blue-theme maw-810px text-center mx-auto">Creating a workplace environment of transparency,
            ownership, and accountability, to vision of making the world
            more productive</h2>

        <div class="row align-items-center flex-md-row-reverse mb-lg-30px">
            <div class="col-md-6 text-center pb-sm-20px wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
                <img src="assets/media/about/ai-1.png" alt="" class="img-fluid">
            </div>
            <div class="col-md-6">
                <h2 class="font-poppins fz-24 fz-md-20 lh-1-17 color-dark-blue-theme mb-20px">Our mission</h2>
                <p class="mb-25px mb-md-15px font-rubik fz-16 fz-md-14 lh-1-5 color-dark-blue-theme-80">The platform provides continuous protection of customer data with features and capabilities like access controls, data encryption at rest and in-transit as well as security development, security testing</p>
                <p class="mb-25px mb-md-15px font-rubik fz-16 fz-md-14 lh-1-5 color-dark-blue-theme-80">The program also maintains a regular cadence of SOC2 attestations that establish an independent assessment of the SaaS based security controls.</p>
                <p class="mb-0 font-rubik fz-16 fz-md-14 lh-1-5 color-dark-blue-theme-80">The platform is also GDPR-ready, enabling customers to meet enhanced data protection guidelines.</p>
            </div>
        </div>

        <div class="row align-items-center mb-lg-30px">
            <div class="col-md-6 text-center pb-sm-20px wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                <img src="assets/media/about/ai-2.png" alt="" class="img-fluid">
            </div>
            <div class="col-md-6">
                <h2 class="font-poppins fz-24 fz-md-20 lh-1-17 color-dark-blue-theme mb-20px">Our vision</h2>
                <p class="mb-25px mb-md-15px font-rubik fz-16 fz-md-14 lh-1-5 color-dark-blue-theme-80">For a long time, we have felt that enabling frictionless transactions is a major problem and nobody seems to be doing it right, data encryption at rest and in-transit as well as security development, security testing</p>
                <p class="mb-25px mb-md-15px font-rubik fz-16 fz-md-14 lh-1-5 color-dark-blue-theme-80">The platform provides continuous protection of customer data with features and capabilities like access controls, data encryption at rest and in-transit as well as security development, security testing</p>
                <p class="mb-25px mb-md-15px font-rubik fz-16 fz-md-14 lh-1-5 color-dark-blue-theme-80">The program also maintains a regular cadence of SOC2 attestations that establish an independent assessment of the SaaS based security controls.</p>
                <p class="mb-0 font-rubik fz-16 fz-md-14 lh-1-5 color-dark-blue-theme-80">The platform is also GDPR-ready, enabling customers to meet enhanced data protection guidelines.</p>
            </div>
        </div>
    </div>
</section>

<section class="row mx-0 how-it-works-1">
    <div class="container">
        <h2 class="how-it-works-title-1 font-cabin fz-40 fz-md-30 text-center">How We Work</h2>
        <div class="row">
            <div class="col-md-4 how-it-work-1 text-center">
                <div class="row mx-0 px-2 d-block wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                    <img src="assets/media/how-it-works/circle-1.png" alt="Secure Customer Data">
                    <h2 class="how-it-work-1-title font-rubik fz-24 fz-md-18">Secure Customer Data</h2>
                    <p class="fz-16 fz-md-14 font-rubik mb-0 color-dark-theme-80">Secure customer data across all domains with one-click, fully managed HTTPS.</p>
                </div>
            </div>
            <div class="col-md-4 how-it-work-1 text-center">
                <div class="row mx-0 px-2 d-block wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
                    <img src="assets/media/how-it-works/circle-2.png" alt="Improved Application Performance">
                    <h2 class="how-it-work-1-title font-rubik fz-24 fz-md-18">Improved Application Performance</h2>
                    <p class="fz-16 fz-md-14 font-rubik mb-0 color-dark-theme-80">Can decrease loading times by 2x with Cloudflare’s web optimizations and content delivery network (CDN).</p>
                </div>
            </div>
            <div class="col-md-4 how-it-work-1 text-center">
                <div class="row mx-0 px-2 d-block wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
                    <img src="assets/media/how-it-works/circle-3.png" alt="High Availability at Global Scale">
                    <h2 class="how-it-work-1-title font-rubik fz-24 fz-md-18">High Availability at Global Scale</h2>
                    <p class="fz-16 fz-md-14 font-rubik mb-0 color-dark-theme-80">Cloudflare’s network of 193 data centers across 90 countries ensures enterprise-grade availability.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="row mx-0 get-in-touch-1">
    <div class="container text-center">
        <p class="font-rubik fz-24 fz-lg-17 text-white">Ready to optimize the performance and security of your SaaS offering?</p>
        <a href="#" class="btn btn-primary-gradient btn-primary-gradient-style border-0">Get Started</a>
    </div>
</section>

<section class="row mx-0 pt-105px pb-80px py-md-50px">
    <div class="container">
        <h2 class="mb-25px fz-40 fz-md-30 lh-1 font-cabin fw-700 color-dark-blue-theme text-center">Sap Team</h2>
        <div class="row">
            <div class="col-sm-6 col-md-3 p-15px text-center">
                <img src="assets/media/about/team-1.png" alt="" class="img-fluid bdrs-10px mb-20px">
                <h2 class="font-rubik fz-16 lh-1-17 fw-500 color-dark-blue-theme mb-10px">Savia Monta</h2>
                <p class="font-rubik fz-16 lh-1-17 color-dark-blue-theme-80 mb-0">Senior UI Designer</p>
            </div>
            <div class="col-sm-6 col-md-3 p-15px text-center">
                <img src="assets/media/about/team-2.png" alt="" class="img-fluid bdrs-10px mb-20px">
                <h2 class="font-rubik fz-16 lh-1-17 fw-500 color-dark-blue-theme mb-10px">Anjum Tamim</h2>
                <p class="font-rubik fz-16 lh-1-17 color-dark-blue-theme-80 mb-0">Software designer</p>
            </div>
            <div class="col-sm-6 col-md-3 p-15px text-center">
                <img src="assets/media/about/team-3.png" alt="" class="img-fluid bdrs-10px mb-20px">
                <h2 class="font-rubik fz-16 lh-1-17 fw-500 color-dark-blue-theme mb-10px">Megh Momo</h2>
                <p class="font-rubik fz-16 lh-1-17 color-dark-blue-theme-80 mb-0">Ux designer</p>
            </div>
            <div class="col-sm-6 col-md-3 p-15px text-center">
                <img src="assets/media/about/team-4.png" alt="" class="img-fluid bdrs-10px mb-20px">
                <h2 class="font-rubik fz-16 lh-1-17 fw-500 color-dark-blue-theme mb-10px">Mahfuz Riad</h2>
                <p class="font-rubik fz-16 lh-1-17 color-dark-blue-theme-80 mb-0">CEO &amp; ui/ux designer</p>
            </div>
        </div>
    </div>
</section>

<section class="row mx-0">
    <div class="container">
        <div class="row mx-0 bg-white review-block-media-1 align-items-center">
            <div class="col-md-6">
                <div class="position-relative">
                    <img src="assets/media/review/home-1.png" alt="" class="img-fluid">
                    <a href="#" class="review-block-media-1-play-btn icon-bottom-right position-absolute d-flex align-items-center justify-content-center text-white rounded-circle bgcolor-blue-theme">
                        <i class="fas fa-caret-right fz-30" aria-hidden="true"></i>
                    </a>
                </div>
            </div>
            <div class="col-md-6">
                <p class="review-block-media-1-quote-sign mb-20px mt-sm-20px"><img src="assets/media/right-quote.png" alt=""></p>
                <p class="review-block-media-1-stars fz-20 fz-md-16 mb-30px mb-md-15px lh-1"><i class="fas fa-star" aria-hidden="true"></i> <i class="fas fa-star" aria-hidden="true"></i> <i class="fas fa-star" aria-hidden="true"></i> <i class="fas fa-star" aria-hidden="true"></i> <i class="fas fa-star-half-alt" aria-hidden="true"></i></p>
                <p class="font-rubik fz-22 fz-md-16 review-block-media-1-texts color-dark-theme-80 mb-25px mb-md-15px">We use Monitis to monitor the performance and availability of our websites from different
                    locations. Monitis is easy to set up and the
                    Monitis team provides great customer
                    support I like to call it</p>
                <a href="#" class="fz-20 fz-md-15 font-rubik review-block-media-1-link color-dark-theme d-inline-flex hover-color-blue-theme hover-text-dec-none transition-default">Read the Case Study &gt;</a>
            </div>
        </div>
    </div>
</section>

<section class="row mx-0 trusted-by-1 pt-65px pb-55px">
    <div class="container">
        <h2 class="maw-900px mx-auto font-cabin fw-700 color-dark-theme mb-20px lh-1-17 fz-40 fz-md-30 text-center">Trusted by</h2>
        <p class="maw-900px mx-auto fz-20 fz-md-16 font-rubik text-center color-dark-theme-80 mb-30px lh-1-5 mb-0">2000+ customers trust & love Sap</p>
        <div class="row justify-content-lg-between justify-content-center text-center align-items-center trusted-by-1-logos">
            <div class="col-4 col-sm py-10px text-left"><img src="assets/media/trusted-by/trusted-by-1.png" alt="" class="img-fluid"></div>
            <div class="col-4 col-sm py-10px"><img src="assets/media/trusted-by/trusted-by-2.png" alt="" class="img-fluid"></div>
            <div class="col-4 col-sm py-10px"><img src="assets/media/trusted-by/trusted-by-3.png" alt="" class="img-fluid"></div>
            <div class="col-4 col-sm py-10px"><img src="assets/media/trusted-by/trusted-by-4.png" alt="" class="img-fluid"></div>
            <div class="col-4 col-sm py-10px text-right"><img src="assets/media/trusted-by/trusted-by-5.png" alt="" class="img-fluid"></div>
        </div>
    </div>
</section>

<footer class="row mx-0 footer-style-1">
    <div class="container">
        <div class="row">
            <div class="col-sm-6 col-lg-3 col-xl-4 p-15px">
                <ul class="footer-style-1-social nav-pills nav">
                    <li class="nav-item"><a href="#" class="nav-link"><i class="fab fa-facebook-f"></i></a></li>
                    <li class="nav-item"><a href="#" class="nav-link"><i class="fab fa-linkedin-in"></i></a></li>
                    <li class="nav-item"><a href="#" class="nav-link"><i class="fab fa-dribbble"></i></a></li>
                    <li class="nav-item"><a href="#" class="nav-link"><i class="fab fa-twitter"></i></a></li>
                </ul>
                <p class="text-white font-rubik fz-16 lh-1-5 mb-30px fw-400">2nd Floor, No.21, 80-feet Road, Cadarso 19
                    <br class="d-none d-xl-block"> bis, loft 2 28008 Madrid (Spain)</p>
                <a href="" class="text-white fz-16 lh-1-5 d-inline-flex font-rubik fw-400">+088 01912704287</a><br>
                <a href="mailto:sap@gmail.com" class="text-white fz-16 lh-1-5 d-inline-flex font-rubik fw-400">sap@gmail.com</a><br>
            </div>
            <div class="col-sm-6 col-lg-3 col-xl-2 p-15px">
                <h3 class="widget-title font-cabin fw-500 lh-1 text-white mb-35px fz-20">Products</h3>

                <ul class="nav flex-column">
                    <li class="nav-item"><a href="#" class="text-white lh-1-875 font-rubik fw-400">SaaS</a></li>
                    <li class="nav-item"><a href="#" class="text-white lh-1-875 font-rubik fw-400">Network Monitoring</a></li>
                    <li class="nav-item"><a href="#" class="text-white lh-1-875 font-rubik fw-400">End User Experience</a></li>
                    <li class="nav-item"><a href="#" class="text-white lh-1-875 font-rubik fw-400">SaaS Experience</a></li>
                    <li class="nav-item"><a href="#" class="text-white lh-1-875 font-rubik fw-400">Cloud base</a></li>
                </ul>
            </div>
            <div class="col-xl-1 d-none d-xl-block"></div>
            <div class="col-sm-6 col-lg-3 col-xl-2 p-15px">
                <h3 class="widget-title font-cabin fw-500 lh-1 text-white mb-35px fz-20">Company</h3>

                <ul class="nav flex-column">
                    <li class="nav-item"><a href="#" class="text-white lh-1-875 font-rubik fw-400">About us</a></li>
                    <li class="nav-item"><a href="#" class="text-white lh-1-875 font-rubik fw-400">News &amp; Events</a></li>
                    <li class="nav-item"><a href="#" class="text-white lh-1-875 font-rubik fw-400">Careers</a></li>
                    <li class="nav-item"><a href="#" class="text-white lh-1-875 font-rubik fw-400">Trust</a></li>
                    <li class="nav-item"><a href="#" class="text-white lh-1-875 font-rubik fw-400">Contact us</a></li>
                    <li class="nav-item"><a href="#" class="text-white lh-1-875 font-rubik fw-400">Support</a></li>
                </ul>
            </div>
            <div class="col-xl-1 d-none d-xl-block"></div>
            <div class="col-sm-6 col-lg-3 col-xl-2 p-15px">
                <h3 class="widget-title font-cabin fw-500 lh-1 text-white mb-35px fz-20">Network</h3>

                <ul class="nav flex-column">
                    <li class="nav-item"><a href="#" class="text-white lh-1-875 font-rubik fw-400">Synthetic Monitoring</a></li>
                    <li class="nav-item"><a href="#" class="text-white lh-1-875 font-rubik fw-400">Real User Monitoring</a></li>
                    <li class="nav-item"><a href="#" class="text-white lh-1-875 font-rubik fw-400">Internet Intelligence</a></li>
                    <li class="nav-item"><a href="#" class="text-white lh-1-875 font-rubik fw-400">DEX Sonar</a></li>
                    <li class="nav-item"><a href="#" class="text-white lh-1-875 font-rubik fw-400">Managed Monitoring</a></li>
                </ul>
            </div>
        </div>
        <div class="row mx-0 justify-content-between flex-column flex-md-row copyright-footer-1 align-items-center fz-16 font-rubik text-white fw-400 mt-15px">
            <a class="d-inline-flex hover-text-dec-none text-white font-cabin fw-700 fz-36 lh-1 text-nowrap" href="index.html">
                <img src="assets/media/logo-icon.png" alt="" class="mr-10px">
                <span class="d-inline-flex">Sap</span>
            </a>
            <div class="d-inline-flex footer-style-1-mobile-apps my-sm-10px">
                Mobile Apps:
                <a href="#" class="text-white fz-18"><i class="fab fa-apple"></i></a>
                <a href="#" class="text-white fz-18"><i class="fab fa-google-play"></i></a>
            </div>
            <div>Copyrights 2019 <a href="http://www.bootstrapmb.com" >Template_mr</a> </div>
        </div>
    </div>
</footer>

<!--Search Popup-->
<div id="search-popup" class="search-popup">
	<div class="close-search theme-btn"><span class="fas fa-times"></span></div>
	<div class="popup-inner">
		<div class="overlay-layer"></div>
    	<div class="search-form">
        	<form method="post" action="index.html">
            	<div class="form-group">
                	<fieldset>
                        <input type="search" class="form-control" name="search-input" value="" placeholder="Search Here" required="">
                        <input type="submit" value="Search Now!" class="theme-btn">
                    </fieldset>
                </div>
            </form>
            
            <br>
            <h3>Recent Search Keywords</h3>
            <ul class="recent-searches">
                <li><a href="#">Software</a></li>
                <li><a href="#">Sass</a></li>
                <li><a href="#">Less</a></li>
                <li><a href="#">Css</a></li>
                <li><a href="#">Jquery</a></li>
            </ul>
        
        </div>
        
    </div>
</div>

<style>
	.search-popup{
	position:fixed;
	left:0px;
	bottom:-100%;
	width:100%;
	height:100%;
	z-index:999999999999999;
	visibility:hidden;
	opacity:0;
	overflow:auto;
	transform:scale(0,0);
	background:rgba(0,0,0,0.80);
	transition:all 700ms ease;
	-moz-transition:all 700ms ease;
	-webkit-transition:all 700ms ease;
	-ms-transition:all 700ms ease;
	-o-transition:all 700ms ease;
}

.search-popup .overlay-layer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	display:block;
}

.search-popup.popup-visible{
	bottom:0;
	visibility:visible;
	opacity:1;
	transform:scale(1,1);
}

.search-popup .close-search{
	position:absolute;
	right:25px;
	top:25px;
	font-size:22px;
	color:#ffffff;
	cursor:pointer;
	z-index:5;
}

.search-popup .close-search:hover{
	opacity:0.70;	
}

.search-popup .search-form{
	position:relative;
	padding:0px 15px 0px;
	max-width:1024px;
	margin:0 auto;	
	margin-top:200px;
}

.search-popup .search-form fieldset{
	position:relative;
	border:7px solid rgba(255,255,255,0.50);
	border-radius:12px;
	-webkit-border-radius:12px;
	-ms-border-radius:12px;
	-o-border-radius:12px;
	-moz-border-radius:12px;
}

.search-popup .search-form fieldset input[type="search"]{
	position:relative;
	height:70px;
	padding:20px 220px 20px 30px;
	background:#ffffff;
	line-height:30px;
	font-size:24px;
	color:#233145;
	border-radius:7px;
	-webkit-border-radius:7px;
	-ms-border-radius:7px;
	-o-border-radius:7px;
	-moz-border-radius:7px;
}

.search-popup .search-form fieldset input[type="submit"]{
	position:absolute;
	display:block;
	right:0px;
	top:0px;
	text-align:center;
	width:220px;
	height:70px;
	padding:20px 10px 20px 10px;
	color:#ffffff !important;
	background-color:#222222;
	line-height:30px;
	font-size:20px;
	color:#233145;
	cursor:pointer;
	text-transform:uppercase;
	border-radius:0px 7px 7px 0px;
	-moz-border-radius:0px 7px 7px 0px;
	-ms-border-radius:0px 7px 7px 0px;
	-o-border-radius:0px 7px 7px 0px;
	-webkit-border-radius:0px 7px 7px 0px;
}

.search-popup .search-form fieldset input[type="submit"]:hover{
	background:#000000;
}

.search-popup h3{
	font-size:24px;
	color:#ffffff;
	margin-bottom:20px;
	text-align:center;	
}

.search-popup .recent-searches{
	font-size:16px;
	color:#ffffff;
	text-align:center;
}

.search-popup .recent-searches li{
	display:inline-block;
	margin:0px 10px 10px 0px;	
}

.search-popup .recent-searches li a{
	display:block;
	line-height:24px;
	border:1px solid #ffffff;
	padding:7px 15px;
	color:#ffffff;
	border-radius:3px;
}

.search-popup .recent-searches li a:hover{
	color:#000000;
	border-color:#ffffff;
	background-color:#ffffff;
}

@media only screen and (max-width: 599px){
	
	.search-popup .search-form fieldset input[type="search"]{
		padding-right:20px;
	}
	
	.search-popup .search-form fieldset input[type="submit"]{
		position:relative;
		width:100%;
	}
	
}

</style>

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->

<script src="assets/js/jquery-3.4.1.min.js" ></script>
<script src="assets/js/popper.min.js" ></script>
<script src="assets/js/wow.js" ></script>
<script src="assets/bootstrap/js/bootstrap.min.js" ></script>
<script src="assets/js/script.js" ></script>
</body>
</html>
